﻿body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{color:#333; font-size:12px;font-family:"Microsoft YaHei"}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
input{ font-size:12px;}
a{ text-decoration:none; color:#000;}
a:hover{color:#c00; text-decoration:none;}
.clear{clear:both;}

/* 大转盘样式 */
.banner{display:block;width:95%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
.banner .turnplate{display:block;width:100%;position:relative;}
.banner .turnplate canvas.item{width:100%;}
.banner .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%; z-index: 998}

.rule-a{border:2px solid #FFBE04; border-radius: 5px; display: inline-block; padding: 2px 6px; color: #FFBE04; position: absolute; top: 15px; right: 15px; z-index: 99; font-size: .8rem}

/* 信息采集 */
.mesg{width: 100%; height: 100%;position: fixed; top: 0; left: 0;z-index: 1; display: none; z-index: 999; }
.shadow{width: 100%; height: 100%; background-color: #000; opacity: 0.5; position: absolute; top: 0; left: 0; z-index: 999;}
.mesg-con{width: 80%; background-color: #f8f8f8; border-radius: 7px; position: absolute; top: 10%; left: 9%; z-index: 1000; padding: 10px 0; border: 5px solid #FFBE04}
.mesg-con li{padding: 10px 0; font-family: 'Microsoft YaHei'}
.mesg-con li span{display: inline-block; width: 35%; text-align: right; font-size: .9rem; color: #000}
.mesg-con li input{width: 55%; height: 30px; line-height: 30px; font-size: .9rem; border: 1px solid #ccc; border-radius: 5px; text-indent: 10px}
.mesg-con li button{width: 45%; height: 36px; background-color: #FFBE04; color: #E62D2D; border: 0; font-size: .9rem; border-radius: 5px; font-weight: bold; margin-left: 35%}
.mesg-con p{color: #E62D2D; text-align: center; font-size: .9rem; padding: 0 10px}
/* 中奖名单 */
.gold-list{width: 90%; margin: 20px auto; border: 5px solid #FFBE04; border-radius: 10px; font-family: 'Microsoft YaHei'}
.gold-list .tit{height: 34px; line-height: 34px; background: #FFBE04; color: #E62D2D; padding: 0 10px 5px}
.gold-list .tit h2{display: inline; font-size: 1.1rem}
.gold-list .tit a{ float: right; font-size: .8rem; color: #f8f8f8; border: 1px solid #f8f8f8; padding: 0 7px; border-radius: 5px}

.ul-tit{height: 40px; line-height: 40px; border-bottom: 1px solid #FFBE04}
.ul-tit span{display: inline-block;font-weight: bold; font-size: .9rem; text-align: center}
.ul-tit span:first-child{width: 37%}
.ul-tit span:last-child{width: 60%}

.scroll-div{ height:300px; overflow:hidden;}
.scroll-div li{ padding:10px 0; font-size: .8rem}
.scroll-div li.li-odd{ background:#FFBE04; color: #E62D2D}
.scroll-div li span{display: inline-block; text-align: center;}
.scroll-div li span:first-child{width: 37%}
.scroll-div li span:last-child{width: 60%}

/*  我的中奖纪录 */
.ul-tit-my span:nth-child(1){width: 30%}
.ul-tit-my span:nth-child(2){width: 28%}
.ul-tit-my span:nth-child(3){width: 20%}
.ul-tit-my span:nth-child(4){width: 17%}

.scroll-div-my{height: auto}
.scroll-div-my li{border-bottom: 1px solid #FFBE04}
.scroll-div-my li span:nth-child(1){width: 30%}
.scroll-div-my li span:nth-child(2){width: 28%}
.scroll-div-my li span:nth-child(3){width: 20%}
.scroll-div-my li button{width: 17%; height: 30px; border: 0; border-radius: 5px; font-size: .7rem; font-weight: bold; background-color: #FFBE04; color: #E62D2D}
.scroll-div-my li button.ed{background-color: #dedede; color: #999}

/* 活动规则 */
.rule{width: 96%; margin:20px auto}
.rule-tit{text-align: center; font-size: 1rem; line-height: 30px; color: #FFBE04}
.rule p{line-height: 25px; font-size: .8rem; color: #FFBE04}

/* 兑换提示 */
.mesg-alert{width: 60%; left: 20%; top: 20%; border-radius: 15px; text-align: center; padding: 20px 0;}
.mesg-alert p{font-size: 1.4rem;}
.mesg-alert p.yes{color: #34ae82}
.mesg-alert p.no{color: #cc4562}
.mesg-alert p img{margin-right: 10px}
.mesg-alert button{width: 30%; height: 36px; margin: 10px auto 0; background-color: #FFBE04; border-radius: 5px; border: none; font-size: .9rem; color: #fff; font-weight: bold}

@media screen and (min-width: 480px) {

    .scroll-div-my li button{font-size: .9rem}
}


